<template>
  <div class="cart" @click="jumpTo">
    <div class="pic">
      <img src="../../assets/img/goodsDetail/cart.png" alt="" />
    </div>
  </div>
</template>

<script>
export default {
  name: "cart",
  methods: {
    jumpTo() {
      this.$router.push({ path: "/cart" });
    },
  },
};
</script>

<style scoped>
.cart {
  width: 0.375rem;
  height: 0.375rem;
  font-size: 25px;
  /* color: #fff; */
  /* line-height: 0.75rem; */
  /* text-align: center; */
  border-radius: 50%;
  position: absolute;
  background: #193639;
  /* opacity: 0.7; */
  top: 0.3rem;
  right: 0.32rem;
}
.pic {
  margin: 0 auto;
  padding: .0575rem 0;
  width: .26rem;
  height: .26rem;
}
.pic img {
  display: block;
  width: 100%;
}
</style>